<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>发布活动</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/style.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_cwy8y2uw4su4n29.css">
    <style>
        input[type=checkbox]{margin-right: 5px;}
        #pageTwo .list-block .item-content{border-bottom: 1px solid #dadada;}
        #confirm-select{background-color: #00b0ec;color: #ffffff;}
        .hide{display: none!important;}
        .left{  position: absolute;  left: 0;}
        .mask{ position: absolute;top: 45px; z-index: 99999;height: 100%;width: 100%;opacity: 0;}
    </style>
</head>

<body id="offlineAdd">
<div class="page-group">
    <div class="page page-current" id="page-infinite-scroll-bottom">
        <!--搜索栏内容 !-->
        <div class="mask"></div>
        <header class="bar bar-nav">
            <h1 class="title">
                <a  class="left back">返回</a>
                活动已关闭
                <a href="" class="right re-edit">编辑</a>
            </h1>
        </header>
        <div class="content">
            <div class="list-block">
                <ul>
                    <!-- 发布活动表单 -->
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-name"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">活动标题</div>
                                <div class="item-input">
                                    <input type="text" name="name" placeholder="请输入活动标题">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-email"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">活动介绍</div>
                                <div class="item-input">
                                    <textarea name="content" placeholder="请输入活动简介"></textarea>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-password"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">活动地点</div>
                                <div class="item-input">
                                    <input type="text" name="address" placeholder="请输入活动地点" class="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- Date -->
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">开始日期</div>
                                <div class="item-input">
                                    <input type="date" name="beginTime" placeholder="Birthday" value="2017-06-30">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">结束日期</div>
                                <div class="item-input">
                                    <input type="date" name="endTime" placeholder="Birthday" value="2017-07-30">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">开始时间</div>
                                <div class="item-input">
                                    <input type="text" name="beginTimeFrame"  id="timePicker1">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">结束时间</div>
                                <div class="item-input">
                                    <input type="text" name="endTimeFrame"  id="timePicker2">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-password"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">重复选项</div>
                                <div class="item-input">
                                    <a href="#pageTwo" style="display: inline-block;"><input type="text" readonly class="day" placeholder="请选择循环日期"/></a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-password"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">活动类型</div>
                                <div class="item-input">
                                    <select name="type" id="">
                                        <option value="1">志愿活动</option>
                                        <option value="2">募捐活动</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-password"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">参与对象</div>
                                <div class="item-input">
                                    <select name="participant" id="">
                                        <option value="1">所有志愿者</option>
                                        <option value="2">仅限内部志愿者</option>
                                        <option value="3">极限外部志愿者</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-password"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">报名条件</div>
                                <div class="item-input">
                                    <input type="text" name="conditions" placeholder="不限"  value="不限" >
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-password"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">参与人数</div>
                                <div class="item-input">
                                    <input type="number" name="accountNum" placeholder="请输入参与人数"  class="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-password"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">联系人</div>
                                <div class="item-input">
                                    <input type="text" name="principal" placeholder="请输入联系人姓名"  class="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-password"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">联系电话</div>
                                <div class="item-input">
                                    <input type="number" name="principalPhone" placeholder="请输入联系电话"  class="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-password"></i></div>
                            <div class="item-inner">
                                <div class="item-input">
                                    <input type="checkbox" name="" class="push-info">
                                    <label for="">推送至资讯栏</label>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--内容部分 !-->
        <div class="footer-btn">
            <a onclick="javascript:history.back(-1)" class="hide">取消</a>
            <a href="#" data-url="${basepath}/front/account/toMyIssue" class="push-activity hide" >发布</a>
        </div>
    </div>
    <!--工具栏!-->
    <div class="page" id="pageTwo">
        <header class="bar bar-nav">
            <h1 class="title">重复选项</h1>
        </header>
        <div class="content">
            <div class="list-block">
                <ul class="check-list">
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title"><input type="checkbox" id="a1" data-id="1" /><label for="a1">周一</label></div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title"><input type="checkbox" id="a2" data-id="2" /><label for="a2">周二</label></div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title"><input type="checkbox" id="a3" data-id="3"/><label for="a3">周三</label></div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title"><input type="checkbox" id="a4" data-id="4" /><label for="a4">周四</label></div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title"><input type="checkbox" id="a5" data-id="5" /><label for="a5">周五</label></div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title"><input type="checkbox" id="a6" data-id="6" /><label for="a6">周六</label></div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title"><input type="checkbox" id="a7" data-id="7" /><label for="a7">周天</label></div>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
        <div class="bar bar-tab">
            <a class="tab-item " id="confirm-select" ">
            确定
            </a>
        </div>
    </div>



</div>

</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/offline/offlineClosed.js' charset='utf-8'></script>

<script>
    $.init();
</script>
</body>
</html>